<script setup>
</script>
<template>
    <div class="holding-table" >
        <el-table
            width="100%"
            height="342px"
        >
            <el-table-column fixed="left" label="证券代码/名称" min-width="150" >
                <template #default="scope">
                    &nbsp;<el-tag size="small" effect="plain" :disable-transitions="true"></el-tag>
                </template>
            </el-table-column>
            <el-table-column label="总持仓(股)" min-width="92px" align="right" prop="sumHld" />
            <el-table-column label="可卖持仓(股)" min-width="106px" align="right" prop="sellAvlHld" />
            <el-table-column label="成本价(元)" min-width="92px" align="right" prop="costPrice"  />
            <el-table-column label="最新价(元)" min-width="92px" align="right" prop="tradePx"  />
            <el-table-column label="盈亏比" align="right" prop="profitLossRatio"  />
            <el-table-column label="浮盈(元)" min-width="110" align="right" prop="floatingSurplus"  />
            <el-table-column label="市值(元)" align="right"  />
        </el-table>
        <el-pagination background layout="prev, pager, next"  :current-page="pn" :pageSize="pz" :total="total" />
    </div>
</template>

<style scoped lang="scss">
    .holding-table {
        border: var(--el-border);
    }
</style>